<!DOCTYPE html>
<html>
<head>
    <title>Person Info List</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <h1>Person Info List</h1>
    <form method="get">
        <input type="text" name="search" placeholder="Search by name...">
        <button type="submit">Search</button>
    </form>
    <table>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Hire Date</th>
        </tr>
        {% for person in person_list %}
        <tr>
            <td>{{ person.name }}</td>
            <td>{{ person.age }}</td>
            <td>{{ person.hire_date|date:"Y-m-d" }}</td>
        </tr>
        {% endfor %}
    </table>
    <a href="{% url 'myapp:person_info_list' %}">Clear Search</a>
</body>
</html>